<template>
  <div>
    <common-tabs
        :componentSetOptions="componentSetOptions"
        @aa="aa"
    />
  </div>
</template>

<script>
export default {
  components: {},
  props: [],
  data() {
    return {
      componentSetOptions: {
        active: '20000',//默认打开是什么状态 如未审核，已审核，全部的话是20000
        class: '',//class名称
        keywords: '',//搜索的值
        stretch: false,//标签的宽度是否自撑开 是 true 否 false
        tabsClick: 'tabs', //点击tabs方法名
        searchClick: 'search',// 搜索方法名
        heightSearchClick: 'heightSearchClick',//高级搜索点击确定
        inputShow: true,//搜索框是否显示 true 是 false 否
        heightShow: true,//是否有高级搜索 true 是 false 否
        heightSelectShow: true,//高级搜索是否默认下拉出来 true 是 false 否
        tabsSwitchField: 'status',//切换状态字段
        //tabs 标题
        tabsTitleProp: [{
          show: true,
          label: '全部', //名称
          name: '20000',//状态 全部是20000
          total: 0, //总数
        }],
        //高级搜索字段
        heightSearchProp: [
          {
            show: true,//是否显示 true 显示，false 不显示
            name: '输入框',//名称
            field:'a1',//字段名
            disabled: false,//是否不能输入 true 不可以输入 false 可以输入
            changeMethod: 'aa',//方法名
            type: 'input',//数据类型
            width: '',//长度

          }, {
            show: true,//是否显示 true 显示，false 不显示
            name: '输入框json',//名称
            field:'a11',//字段名
            disabled: false,//是否不能输入 true 不可以输入 false 可以输入
            changeMethod: 'aa',//方法名
            type: 'inputJson',//数据类型
            jsonName:'name',
            width: '',//长度

          }, {
            show: true,//是否显示 true 显示，false 不显示
            name: '文本域',//名称
            field:'a2',//字段名
            disabled: false,//是否不能输入 true 不可以输入 false 可以输入
            changeMethod: '',//方法名
            type: 'textarea',//数据类型
            width: '',//长度
            minRows: '2', //最小几行
            maxRows: '40',//最多几行
          }, {
            show: true,//是否显示 true 显示，false 不显示
            name: '单选框',//名称
            field:'a3',//字段名
            disabled: false,//是否不能输入 true 不可以输入 false 可以输入
            changeMethod: '',//方法名
            type: 'radio',//数据类型
            prop: [ //选择的值
              {
                label: '选项1',
                value: '1'
              }, {
                label: '选项2',
                value: '2'
              }
            ]
          }, {
            show: true,//是否显示 true 显示，false 不显示
            name: '多选框',//名称
            field:'a4',//字段名
            disabled: false,//是否不能输入 true 不可以输入 false 可以输入
            changeMethod: '',//方法名
            type: 'checkbox',//数据类型
            prop: [ //选择的值
              {
                label: '选项1',
                value: '1'
              }, {
                label: '选项2',
                value: '2'
              }
            ]
          }, {
            show: true,//是否显示 true 显示，false 不显示
            name: '下拉框',//名称
            field:'a5',//字段名
            disabled: false,//是否不能输入 true 不可以输入 false 可以输入
            changeMethod: '',//方法名
            type: 'select',//数据类型
            width: '',//长度
            prop: [ //选择的值
              {
                label: '选项1',
                value: '1'
              }, {
                label: '选项2',
                value: '2'
              }
            ]
          },{
            show: true,//是否显示 true 显示，false 不显示
            name: '二个时间选择器',//名称
            field:'a6',//字段名
            disabled: false,//是否不能输入 true 不可以输入 false 可以输入
            changeMethod: '',//方法名
            type: 'date',//数据类型
            width: '215',//长度
            dataType:'daterange'//时间格式 可以是year/month/date/dates/ week/datetime/datetimerange/ daterange/monthrange
          },{
            show: true,//是否显示 true 显示，false 不显示
            name: '一个时间选择器',//名称
            field:'a7',//字段名
            disabled: false,//是否不能输入 true 不可以输入 false 可以输入
            changeMethod: '',//方法名
            type: 'oneDate',//数据类型
            width: '',//长度
            oneDataType:'date'//时间格式 可以是year/month/date/dates/ week/datetime/datetimerange/ daterange/monthrange
          }
        ],
        //高级搜索的值
        heightSearchData:{
          a1:'1',
          a2:'2',
          a3:'1',
          a4:['1'],
          a5:'2',
          a6:'',
          a7:'',
          name:{a11:123}
        }
      }
    };
  },
  mounted() {
  },
  methods: {
    aa(){
      console.log(334545)
    }
  },
};
</script>

<style lang="scss" scoped></style>
